﻿@{
    ViewBag.Title = "Home Page";
}
@*顶部轮播区*@
<br />

<div class="container">
    <div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="4000">
        <!--计数器-->
        <ol class="carousel-indicators">
            <li class="active" data-target="#slidershow" data-slide-to="0"></li>
            <li data-target="#slidershow" data-slide-to="1"></li>
            <li data-target="#slidershow" data-slide-to="2"></li>
        </ol>
        <!--图片容器-->
        <div class="carousel-inner">
            <div class="item active">
                <img class="WheelPlanting" src="~/img/WheelPlanting1.jpg" style="height:350px;" />
            </div>
            <div class="item">
                <img class="WheelPlanting" src="~/img/WheelPlanting2.jpg" style="height:350px;" />
            </div>
            <div class="item">
                <img class="WheelPlanting" src="~/img/WheelPlanting3.jpg" style="height:350px;" />
            </div>
            <!--轮播导航-->
            <a class="left carousel-control" href="#slidershow" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#slidershow" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>

        </div>
    </div>
</div>
<br />
@*中部内容交互式列表区*@
<div class="accordion" id="accordion2">
    <div class="row">
        <div class="accordion-group">
            <div class="col-md-4">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                        <h2>数码热门排行榜 <span class="iconfont">&#xe507;</span></h2>
                    </a>
                </div>
                <div id="collapseOne" class="accordion-body collapse" style="height: 0px; ">
                    <div class="accordion-inner">
                        <a href="../RankingLists/Index" class="list-group-item "><span id="shouji" class="iconfont">&#xe61c;</span> 手机排行榜</a>
                        <a href="../RankingLists/Index" class="list-group-item"><span id="diannao" class="iconfont">&#xe66b;</span> 电脑配件排行榜</a>
                        <a href="../RankingLists/Index" class="list-group-item"><span id="xiangji" class="iconfont">&#xe7ea;</span> 相机排行榜</a>
                        <a href="../RankingLists/Index" class="list-group-item"><span id="bijiben" class="iconfont">&#xe615;</span> 笔记本排行榜</a>
                        <a href="../RankingLists/Index" class="list-group-item"><span id="pingban" class="iconfont">&#xe616;</span> 平板排行榜</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="col-md-4">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                        <h2>数码论坛 <span class="iconfont">&#xe6ad;</span></h2>
                    </a>
                </div>
                <div id="collapseTwo" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <a href="#" class="list-group-item "><span id="shouji" class="iconfont">&#xe61c;</span> 手机论坛</a>
                        <a href="#" class="list-group-item"><span id="diannao" class="iconfont">&#xe66b;</span> 电脑配件论坛</a>
                        <a href="#" class="list-group-item"><span id="xiangji" class="iconfont">&#xe7ea;</span> 相机论坛</a>
                        <a href="#" class="list-group-item"><span id="bijiben" class="iconfont">&#xe615;</span> 笔记本论坛</a>
                        <a href="#" class="list-group-item"><span id="pingban" class="iconfont" >&#xe616;</span> 平板论坛</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="col-md-4">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                        <h2>数码产品分类 <span class="iconfont" id="icon1">&#xe501;</span></h2>
                    </a>
                </div>
                <div id="collapseThree" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <a href="#" class="list-group-item "><span id="shouji" class="iconfont">&#xe61c;</span> 手机</a>
                        <a href="#" class="list-group-item"><span id="diannao" class="iconfont">&#xe66b;</span> 电脑配件</a>
                        <a href="#" class="list-group-item"><span id="xiangji" class="iconfont">&#xe7ea;</span> 相机</a>
                        <a href="#" class="list-group-item"><span id="bijiben" class="iconfont">&#xe615;</span> 笔记本</a>
                        <a href="#" class="list-group-item"><span id="pingban" class="iconfont">&#xe616;</span> 平板</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<hr />
@*深度评估区*@
<h2>深度评估</h2>
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/AssessmentArea1.jpg" alt="">
            <div class="caption">
                <a href="#">微星到底适不适合设计外设产品？GK60给你明确答案</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/AssessmentArea2.jpg" alt="" style="width:350px; height:227px">
            <div class="caption">
                <a href="#">多功能碳纤维三脚架 思锐N-1204SK评测</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="~/img/AssessmentArea3.jpg" alt="" style="width:350px; height:227px">
            <div class="caption">
                <a href="#">真全面到双面再到瀑布 浅析vivo NEX的外观变革</a>
            </div>
        </div>
    </div>
</div>
@*中部内容区*@
<div class="row">
    @*产品报价区*@
    <div class="col-md-6">
        <h2>产品报价</h2>
        <div id="accordion">
            <div class="card">
                <div class="card-header">
                    <a href="#collapse-1" data-toggle="collapse"><h4>手机</h4></a>
                </div>
                <div class="collapse " id="collapse-1" data-parent="#accordion">
                    <div class="card-body"><a href="#" style="color:black">华为Mate X（5G）</a> &nbsp; &nbsp; <a href="#" style="color:black">vivo iQOO Neo 855版</a></div>
                    <div class="card-body"><a href="#" style="color:black">华为Mate30</a> &nbsp; &nbsp; <a href="#" style="color:black">三星Galaxy A90（全网通）</a></div>
                    <div class="card-body"><a href="#" style="color:black">荣耀20青春版</a> &nbsp; &nbsp; <a href="#" style="color:black">苹果iPhone 11 Pro</a></div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <a href="#collapse-2" data-toggle="collapse"><h4>电脑配件</h4></a>
                </div>
                <div class="collapse" id="collapse-2" data-parent="#accordion">
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">主板</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">显卡</a></div>
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">CPU</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">内存</a></div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <a href="#collapse-3" data-toggle="collapse"><h4>相机</h4></a>
                </div>
                <div class="collapse" id="collapse-3" data-parent="#accordion">
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">佳能</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">尼康</a></div>
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">索尼</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">松下</a></div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <a href="#collapse-4" data-toggle="collapse"><h4>笔记本</h4></a>
                </div>
                <div class="collapse" id="collapse-4" data-parent="#accordion">
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">联想</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">华硕</a></div>
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">戴尔</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">神州</a></div>
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">微星</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">苹果</a></div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <a href="#collapse-5" data-toggle="collapse"><h4>平板</h4></a>
                </div>
                <div class="collapse" id="collapse-5" data-parent="#accordion">
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">苹果</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">华为</a></div>
                    <div class="card-body"><a href="~/Offer/Index" style="color:black">小米</a> &nbsp;&nbsp; <a href="~/Offer/Index" style="color:black">三星</a></div>
                </div>
            </div>
        </div>
    </div>
    @*今日焦点区*@
    <div class="col-md-6">
        <h2 style="padding-left:185px">今日焦点</h2>
        <div class="row">
            <div class="col-md-6">
                <ul>
                    <li>
                        <a href="#" style="color:red">11.11坚果智能投影战报</a>
                    </li>
                    <li>
                        <a href="#">阿迪关闭美国机器人工厂</a>
                    </li>
                    <li>
                        <a href="#">新Mac Pro或于12月面市</a>
                    </li>
                    <li>
                        <a href="#">佳能与得力展开战略合作</a>
                    </li>
                    <li>
                        <a href="#">网约车司机状告滴滴封号</a>
                    </li>
                    <li>
                        <a href="#">马云谈今年双十一成绩</a>
                    </li>
                    <li>
                        <a href="#">百世快递13吨包裹烧成灰</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-6">
                <ul>
                    <li>
                        <a href="#" style="color:red">蓝炬星京东自营榜前五</a>
                    </li>
                    <li>
                        <a href="#">网购平台知道你想买啥</a>
                    </li>
                    <li>
                        <a href="#">淘宝双11个人战绩查询</a>
                    </li>
                    <li>
                        <a href="#">别再为5G和WiFi引战了</a>
                    </li>
                    <li>
                        <a href="#">苹果iPhone 12详细曝光</a>
                    </li>
                    <li>
                        <a href="#">日本英语排名四年落后</a>
                    </li>
                    <li>
                        <a href="#">戴尔官网双.11返场来了</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<hr />
@*精品软件区*@
<h2>精品软件</h2>
<br />
<div class="row">
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software1.jpg" />
            <p>QQ2019</p>
        </a>
    </div>
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software2.jpg" />
            <p>电脑管家</p>
        </a>
    </div>
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software3.jpg" />
            <p>WinRAR</p>
        </a>
    </div>
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software4.jpg" />
            <p>&nbsp;&nbsp;迅雷7</p>
        </a>
    </div>
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software5.jpg" />
            <p>&nbsp;&nbsp;&nbsp;微信</p>
        </a>
    </div>
    <div class="col-md-2">
        <a href="#">
            <img src="~/img/Software6.jpg" />
            <p>驱动人生</p>
        </a>
    </div>
</div>
@*图片壁纸区*@
<h2>精美壁纸</h2>
<div class="row">
    <div class="col-md-3 ">
        <a href="~/Home/imges1">
            <img class="bzdemo" src="~/img/tuku1/t1.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/tuku2/t1.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges3">
            <img class="bzdemo" src="~/img/tuku3/t1.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/bz/bz4.jpg" />
        </a>
    </div>
</div>
<hr />
<div class="row">
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/bz/bz9.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/bz/bz10.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/bz/bz11.jpg" />
        </a>
    </div>
    <div class="col-md-3">
        <a href="~/Home/imges2">
            <img class="bzdemo" src="~/img/bz/bz12.jpg" />
        </a>
    </div>
</div>

<hr />
@*论坛日报*@
<br />
<div style="padding-left:35%"><h1>论坛每日精选</h1></div>
<nav id="navbar-example" class="navbar navbar-inverse navbar-static" role="navigation" style="background-image:url(../../img/bg_3.jpg);border-radius:20px">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse"
                    data-target=".bs-js-navbar-scrollspy">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">论坛日报</a>
        </div>
        <div class="collapse navbar-collapse bs-js-navbar-scrollspy">
            <ul class="nav navbar-nav">
                <li><a href="#ios">兴趣圈子</a></li>
                <li><a href="#svn">每日话题</a></li>
                <li><a href="#one">有问必答</a></li>
                <li><a href="#tow">达人课堂</a></li>
            </ul>
        </div>
    </div>
</nav>
<div data-spy="scroll" data-target="#navbar-example" data-offset="0"
     style="height:200px;overflow:auto; position: relative;">
    <h4 id="ios">
        <a href="#">#兴趣圈子# 上W电脑只吃鸡？是时候展现真正的潜力了</a>
    </h4>
    <p>
        一转眼就到了十二月了，今年的电脑硬件发生了不少大事，Ryzen横空出世，英特尔终于上6核，挖矿火爆显卡断货，内存价格暴涨。对于今年装机的人来说，今年的硬件的确让人惊喜，但内存价格的暴涨，也让众多装机玩家退却。
        说好不剁手的双十一，但经不住诱惑入手显卡，既然剁手了，那就不如玩大的，咬咬牙直接玩高端。之后就陆陆续续的各种剁手，终于把所有硬件攒齐，找了一个空闲的时间装机，顺便试了试新款CPU的超频性能.........&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="ios"><a href="#">#兴趣圈子# 最贵的苹果手机 近万元iPhone X拆机图文作业</a></h4>
    <p>
        作为一款被外界定义为苹果手机十周年的产品，iPhoneX有着近万元的高贵身价，许多小伙伴入手了都是小心翼翼的使用。在国外却有些任性壕玩起了虐iPhone X的游戏，文明用语击火烧电锯，让人看着格外酸爽。
        今天我们我们也稍微任性一回，把一台刚买回来的iPhone X进行拆解，来看看这台史上最贵的苹果手机，内部做工究竟如何.........&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="ios">
        <a href="#">#兴趣圈子# 办公娱乐还不忘记“吃鸡”---惠普S700Pro 512G八代平台装机体验</a>
    </h4>
    <p>
        之前出手了六代主板和CPU，倒是留下了内存和显卡等物件备用。为的就是等着八代平台的到来。等是等来了，新平台也等来了涨价，庆幸之前的准备再加上双十一的“优惠”购入主板和朋友的惠让八代CPU终于让自己也赶上了八代平台的班车.......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="svn"><a href="#">#每日话题# 售价超过1万2：iPhoneXS真的很贵么？</a></h4>
    <p>
        还有不到两天时间，新iPhone就要正式开卖了，对于这款新机来说，恐怕国内用户谈的最多的还是售价，因为它们真的不便宜，而苹果就是要吃尽自己的品牌溢价能力,
        时隔两年后，库克再次登上美国ABC电视台的《早安美国》节目，当然在节目中他的主讲话题还是跟新iPhone有关，当被主持人问及，新iPhone这么贵，会不会把不少用户拒之门外时（最高售价达1449美元，超过苹果Mac电脑），库克是这样回答的......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="svn"><a href="#">#每日话题# #每日话题# 国产安卓游戏主机来了1299元/骁龙660，你会买么？</a></h4>
    <p>
        对于酷爱玩手机游戏的玩家来说，是否考虑买一台类似的主机呢？
        现在有厂商就嗅到了这样的商机，推出了一款运行Android 8.1系统的游戏主机，其外形看上去跟索尼PS4有些类似，随机附赠有手柄等配件......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="svn"><a href="#">#每日话题# 国内盗版软件猖獗，真的是因为大家穷么？</a></h4>
    <p>
        相信没有几个人敢说从来没有使用过盗版软件、下载过盗版音乐、观看过盗版影片，从90年代末期开始，盗版就已经从方方面面渗入到了我们的生活当中。尽管拥有超低制作成本和超低价格的盗版内容一直都是被打击的对象，
        但是在利益的驱使下，盗版商品在全世界都非常受欢迎，这其中当然也包括了中国市场......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="one"><a href="#">#有问必答# 第一批5G手机上市多贵你能接受？</a></h4>
    <p>
        2019年可以说是5G网络元年了，2018年底5G还只是停留在概念上，仅仅就过了几个月的时间现在全球运营商都在部署5G网络了，但是比起5G网络大家可能更加关注5G手机多一点，
        搭载5G的手机到底多少钱大家现在还不确定，但是你觉得多少钱你能接受呢......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="one"><a href="#">#有问必答# 电脑开机时有windows启动配置数据（BCD）储存文件包含一些无效信息对象GUID4be599ff-708f-11e3-a3ca-5891cf</a></h4>
    <p>
        电脑开机时有windows启动配置数据（BCD）储存文件包含一些无效信息对象GUID4be599ff-708f-11e3-a3ca-5891cf2obof状态：OxcOOOOO34信息：这怎么搞，求解......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="one"><a href="#">#有问必答# 最近想换了苹果5买个6s，听说58同城有个转转优品平台，可以寄卖，靠谱不？求广大网友解答～</a></h4>
    <p>
        最近想换了苹果5买个6s，听说58同城有个转转优品平台，可以寄卖，靠谱不？求广大网友解答～.....&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="tow"><a href="#">#达人课堂# Z神通创意达人教你做有意思的漫画测评！</a></h4>
    <p>
        希希：是怎么想到把漫画融入到测评中的？拇指先生的灵感是怎么来的？
        快乐0先生：就按手机来说。大家看到的很多达人的评测作品都是通过相机拍摄手机的细节，然后用文字表达不同细节的功能，看多了常常会让人就得都似曾相识。很多专业的达人会通过漂亮的背景，
        让我们看科技产品评测的时候不会觉得那么的枯燥，而是像一件艺术品一样去欣赏......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="tow"><a href="#">#达人课堂# 和Z神通一起回顾匆匆那年 重温曾经热爱的音频设备</a></h4>
    <p>
        万万没想到希希是第一个来提问的呢，同时我也万万没想到第一个问题居然那么难回答.....其实之间我还从没思考过“情怀”这个词汇，于是就在 0.00001秒前我去百度了一下下，情怀是指拥有一种高尚的心境，
        所以我觉得情怀应该是一种包罗万象的东西，我觉得我个人在摄影方面可能算是个有情怀的人吧......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>
    <hr />
    <h4 id="tow"><a href="#">#达人课堂# Z神通达人告诉你如何让联盟发现你的明星潜质</a></h4>
    <p>
        其实我一直没有把我自己的手机测评文章称之为作为的“测评”我把它定义为体验文，因为只有体验才能够和用户更好的沟通和交流。所以体验更接近于用户。而我的风格就是，以用户的角度来看产品，
        分析产品。告诉用户我说的什么样你用的也是什么样，哈哈这难道就Duang......&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-search"><a href="#">查看更多</a></span>
    </p>

</div>
<hr />
<br />
<br />
<div class="row">
    <div class="col-md-6">
        <a href="#">返回顶部</a>
    </div>

</div>
@*左边固定广告栏*@
<div class="Advertisement ">
    <nav class="col-sm-3 col-4" id="myScrollspy">
        <ul class="nav nav-pills flex-column" style="background-color:#99ffff">
            <li class="nav-item">
                <a class="nav-link active"  data-toggle="tooltip" data-placement="right" title="开发者联盟" href="#section1" style="color:black;">关于我们</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tooltip" data-placement="right" title="QQ946232976" href="#section2"  style="color:black;">联系方式</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#section3" style="color:black;">广告投资</a>
            </li>

        </ul>
    </nav>
</div>
<hr />
<footer>
    <p>&copy; @DateTime.Now.Year - 随查科技网</p>
</footer>
<link href="~/Content/iconstyle.css" rel="stylesheet" />